<!DOCTYPE >
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>SNTV-무료TV다시보기</title>
<meta name="author" content="TACO" />
<meta name="format-detection" content="telephone=no" />
<meta name="keywords" content="tv,kbs,mbc,replay" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="apple-touch-icon" href="icon@2x.png"/>
<link rel="stylesheet" href="css/mobile.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script language="javascript">
<!--
	var $list;
 	 
	function New()
	{
		var response = "";
		var new_url = "http://picasaweb.google.com/data/feed/api/user/sntvreplay@gmail.com/albumid/5783757607439596913?alt=jsonc&kind=photo&max-results=100&orderby=published";
		
		$list = $("#new");

		$.getJSON(new_url + "&start-index=1", function(data)
		{
			$.each(data.data.items, function(i, item) 
			{  
				
				if(i == 0)
					response += '<li style="display:block">';
				else
					response += '<li style="display:none">';
								
				response += '<a href="sub.html#' + item.description + '"><img src="' + item.media.image.url + '"></a>';
				response += '</li>';
    		});
    		
			$(response).appendTo($list);
		})
		.complete(function() 
		{
			// slider
			var slider = new Swipe(document.getElementById('slider'), {
			      callback: function(e, pos) {
			        
			        var i = bullets.length;
			        while (i--) {
			          bullets[i].className = ' ';
			        }
			        bullets[pos].className = 'on';
			
			      }
			    }),
			 bullets = document.getElementById('position').getElementsByTagName('em');
			 
			 Best();	
		});
	}
	
	function Best()
	{
		var response = "";
		var li = 0;
		var best_url = "http://picasaweb.google.com/data/feed/api/user/sntvreplay@gmail.com/albumid/5783869549197236017?alt=jsonc&kind=photo&max-results=100&orderby=published";
		
		$list = $("#best");

		$.getJSON(best_url + "&start-index=1", function(data)
		{
			$.each(data.data.items, function(i, item) 
			{  
								
				if(i == 0 || ((i + 1) % 3) == 1)
				{
					if(i == 0)
						response += '<li style="display:block">';
					else
						response += '<li style="display:none">';
						
					response += '<div class="box_wrap">';
				}
				
				response += '<a href="sub.html#' + item.description + '"><img src="' + item.media.image.url + '"><span>' + item.description.split("@")[1] + '</span></a>';
				
				if(((i + 1) % 3) == 0)
				{
					response += '</div>';
					response += '</li>';
				}
			
    		});
    		
			$(response).appendTo($list);
		})
		.complete(function() 
		{
			// slider
			var slider2 = new Swipe(document.getElementById('slider2'), {
			      callback: function(e, pos) {
			        
			        var i = bullets2.length;
			        while (i--) {
			          bullets2[i].className = ' ';
			        }
			        bullets2[pos].className = 'on';
			
			      }
			    }),
			 bullets2 = document.getElementById('position2').getElementsByTagName('em');
		});
	}
-->
</script>
</head>
<body>
<div id="wrap" class="main">
	<header>
		<h1>무료TV다시보기</h1>
	</header>
	<div class="slide_new">
		<div id='slider'>
		  <ul id="new">	    
		  </ul>
		</div><!-- slider -->
		<nav class="dot">
			<span id='position'><em class='on'>&bull;</em><em>&bull;</em><em>&bull;</em><em>&bull;</em><em>&bull;</em></span>
		 </nav>
	</div><!-- slide new -->
	<div class="slide_best">
		<div id='slider2'>
		  <ul id="best">
<!--		  	
		    <li style='display:block'>
		    	<div class="box_wrap">
		    		<a href="sub.html#sntvscret@씨크릿가든" class="no1"><span>씨크릿가든</span></a
		    		><a href="sub.html#sntvgumiho@내여자친구는구미호" class="no2"><span>내여자친구는구미호</span></a
		    		><a href="sub.html#sntvtree@뿌리깊은나무" class="no3"><span>뿌리깊은나무</span></a>
		    	</div>
		    </li>
		    <li style='display:none'>
		    	<div class="box_wrap">
		    		<a href="sub.html#sntvmuhan@무한도전" class="no4"><span>무한도전</span></a
		    		><a href="sub.html#sntvsinger@나는가수다2" class="no5"><span>나는가수다2</span></a
		    		><a href="sub.html#sntvgag@개그콘서트" class="no6"><span>개그콘서트</span></a>
		    	</div>
		    </li>
		    <li style='display:none'>
		    	<div class="box_wrap">
		    		<a href="sub.html#sntvgold@황금어장" class="no7"><span>황금어장</span></a
		    		><a href="sub.html#sntvmarried@우리결혼했어요" class="no8"><span>우리결혼했어요</span></a
		    		><a href="sub.html#sntvman@남자의자격" class="no9"><span>남자의자격</span></a>
		    	</div>
		    </li>
		    <li style='display:none'>
		    	<div class="box_wrap">
		    		<a href="sub.html#sntvtwoday@1박2일" class="no10"><span>1박2일</span></a
		    		><a href="sub.html#sntvhellow@안녕하세요" class="no11"><span>안녕하세요</span></a
		    		><a href="sub.html#sntvdamo@다모" class="no12"><span>다모</span></a>
		    	</div>
		    </li>
		    <li style='display:none'>
		    	<div class="box_wrap">
		    		<a href="sub.html#sntvcoffee@커피프린스1호점" class="no13"><span>커피프린스1호점</span></a
		    		><a href="sub.html#sntvthree@세바퀴" class="no14"><span>세바퀴</span></a
		    		><a href="sub.html#sntvmusic@음악중심" class="no15"><span>음악중심</span></a>
		    	</div>
		    </li>
-->		    
		  </ul>
		</div><!-- slider2 -->
		<nav class="dot">
			<span id='position2'><em class='on'>&bull;</em><em>&bull;</em><em>&bull;</em><em>&bull;</em><em>&bull;</em></span>
		 </nav>
	</div><!-- slide best -->
	<nav class="menu">
		<ul>
			<li><a href="entertainment.html">엔터테인먼트</a></li>
			<li><a href="drama.html">드라마</a></li>
			<li><a href="animation.html">애니메이션</a></li>
			<li><a href="documentary.html">다큐멘터리</a></li>
		</ul>
	</nav>
</div>
<script src='js/swipe.js'></script>
<script>
//popup
$(document).ready(function(){
	$('.box').hide();
	$('.open').click(function(){
		$('.box').animate({opacity:'toggle'},'fast');
	})
	
	New();
	
	//Best();
});
</script>

</body>
</html>